<template>
    <div class="app-third-bar">
        <slot></slot>
    </div>
</template>

<script>
    export default {
        name: "HeaderBar"
    }
</script>

<style scoped lang="less">
    .app-third-bar {
        position: relative;
        height: 50px;
        min-width: 750px;
        box-sizing: border-box;
        background: #fff;
        border-bottom: 1px solid #e5e5e5;
        padding: 0 100px 0 5px;
        transition: padding-right .5s;
        display: flex;
        align-items: center;
        flex-direction: row;
    }

</style>
